import {
  HtmlIcon,
  cssIcon,
  JSIcon,
  TSIcon,
  VueIcon,
  ReactIcon,
  Applet,
  Houduan,
  GitIcon,
  NodeIcon
} from '@/iconpark'
import { markRaw } from 'vue'

const zh = {
  info: {
    name: '刘圣凯',
    phone: '17688899512',
    address: '深圳',
    email: 'lsk_whalefall',
    blogUrl: 'https://juejin.cn/user/1134351730882941',
    github: 'https://github.com/lskAtGithub',
    gitee: 'https://gitee.com/lsk_ciao',
    title: '前端工程师',
    blog: '博客'
  },
  navName: {
    yearOfWork: '工作经历',
    baseInfo: '基本信息',
    works: '在线作品',
    skills: '技术栈'
  },
  skillData: [
    {
      name: 'HTML',
      desc: [
        '精通HTML5标准,熟练掌握HTML语义化标签的应用,遵循W3C规范编写代码。',
        '使用HTML5元素取代过时的div布局,提高代码可读性,有效优化网站SEO。',
        '丰富的语义化标签应用场景,涵盖构建网页结构、表单标签、多媒体标签等。',
        '能够编写可复用、可扩展的HTML模块代码。了解如何提高标签的可访问性及兼容性。'
      ],
      icon: markRaw(HtmlIcon),
      proficiency: 95,
      color: '#fc490b'
    },
    {
      name: 'CSS',
      desc: [
        '熟练掌握CSS3,依据行业规范编写紧凑、可维护可复用的CSS代码。',
        '能够根据设计图实现网页样式布局,还原设计效果。熟练使用Flex、Grid等布局方案,熟练应对各类页面布局需求。',
        '熟练掌握各种页面动画效果丰富页面的趣味性观赏性。',
        '掌握CSS预处理器(Sass / Less)的使用,合理划分样式模块,提高代码复用率。实现CSS代码的优化、压缩。了解UI库的应用及定制。能基于组件文档编写并扩展样式。',
        '掌握响应式设计技巧,熟练编写视口、流体栅格、自动缩放文本等适配方案,实现移动端样式兼容。'
      ],
      icon: markRaw(cssIcon),
      proficiency: 80,
      color: '#2196f3'
    },
    {
      name: 'JavaScript',
      desc: [
        '精通JavaScript语言,掌握面向对象、函数式编程等多种编程范式的开发模式。深入理解异步机制、事件循环、原型链、闭包、Promise原理。',
        '熟练使用ES6及更高规范,充分运用模块系统、对象解构、扩展运算符等最新功能提高生产力。',
        '通过JS阅读框架源码， 更好的去理解使用框架',
        '掌握代码质量、编程规范等工程化和自动化能力。熟练Webpack，vite等打包工具，熟练gulp等前端工程流制定,针对项目需求设计JS构建方案。'
      ],
      icon: markRaw(JSIcon),
      proficiency: 90,
      color: '#f5dd1e'
    },
    {
      name: 'TypeScript',
      desc: [
        '熟练掌握TypeScript语言特性,包括类型系统、接口、泛型等能力的使用。',
        '在中大型项目中使用TS代替JS作为开发语言,通过静态类型检查提高开发效率和代码质量。',
        '熟悉联合类型、元组、枚举、断言等TypeScript独有类型表示方式,可以清晰准确定义变量、函数接口。',
        '了解TS的编译原理,并针对不同的运行环境设定对应的编译目标和选项,生成兼容的JS代码。',
        '通过接口约束,发挥TS在团队协作中的规范和文档效用,有效降低沟通成本。使用泛型灵活创建可复用逻辑的组件/函数,提高开发效率。'
      ],
      icon: markRaw(TSIcon),
      proficiency: 65,
      color: '#0288d1'
    },
    {
      name: 'Vue',
      desc: [
        '熟练掌握Vue 2和Vue3，了解它们在编译、性能等方面的差异与优化。',
        '能够快速上手基于Vue的设计系统和组件库,进行二次封装和扩展',
        '了解Vue源码,清楚其依赖追踪和更新机制原理。能够基于源码分析定位、调试框架异常。对Vue渲染机制有深入理解,能够基于运行环境条件选择最优渲染方案。',
        '熟练Vue单文件组件(SFC)的开发模式,清晰组织界面、逻辑、样式代码。熟练掌握Vue Router、Vuex, pinia等vue周边扩展'
      ],
      icon: markRaw(VueIcon),
      proficiency: 90,
      color: '#41b883'
    },
    {
      name: 'uni-app',
      desc: [
        '熟练使用UniApp框架进行跨平台应用开发,覆盖iOS、Android和各主流小程序平台。基于统一语法和组件,实现 Write Once, Run Everywhere 的高效开发模式。',
        '熟悉UniApp的条件编译和生命周期,实现按需调整组件特性和业务逻辑。',
        '丰富的小程序及原生插件开发和调试经验,可定制扩展UniApp的功能',
        '熟悉UniApp的应用部署发布上架',
        '了解云平台、云函数和DB等服务,配合前端完成全栈应用'
      ],
      icon: markRaw(Applet),
      proficiency: 80,
      color: '#00b240'
    },
    {
      name: 'React',
      desc: ['具备团队协作开发业务能力', '具备使用React部分周边能力（路由，状态管理，UI库等...）'],
      icon: markRaw(ReactIcon),
      proficiency: 30,
      color: '#61dafb'
    },
    {
      name: 'Git / Svn',
      desc: [
        '熟练使用版本控制系统进行代码仓库管理',
        '通过版本控制实现多版本同时开发，不同时间节点上线，颗粒化开发',
        '通过制订提交规则，优化开发流程的清晰度'
      ],
      icon: markRaw(GitIcon),
      proficiency: 80,
      color: '#47f3e0'
    },
    {
      name: 'Node',
      desc: [
        '熟练使用 NodeJs， 开发前期通过Express搭建服务，作为Mock接口返回数据',
        '熟练使用 NodeJs 写一些脚本，操作文件， 实现数据爬取等...'
      ],
      icon: markRaw(NodeIcon),
      proficiency: 50,
      color: '#689f63'
    },
    {
      name: 'Java / Python3',
      desc: ['了解Java、python3，JavaWeb， 使用过Java web开发了一些个人项目'],
      icon: markRaw(Houduan),
      proficiency: 10,
      color: '#47f3e0'
    }
  ],
  works: [
    {
      companyName: '峰涛科技有限公司',
      timeGap: '2021.07 - 2023.08',
      title: '前端负责人',
      workContent: [
        '负责公司多个项目组的技术选型，代码规范制定， 为其它项目组提供支持，项目优化，技术难点方案落地',
        '负责公司项目组的业务开发',
        '负责公司内部项目的框架搭建，项目优化',
        '负责和公司的甲方技术对接'
      ],
      workMerit: [
        '为公司提供了成熟的微前端技术方案',
        '在职期间为公司推动了前端技术，使用更好的方案技术实现业务',
        '负责公司其他前端的技能提升和组织技术分享，推动其他同事的职业发展'
      ]
    },
    {
      companyName: '瑞联祥科技有限公司',
      timeGap: '2019.07 - 2021.06',
      title: '前端开发工程师',
      workContent: [
        '独立负责公司后台管理系统开发',
        '独立负责公司小程序APP多端混合开发',
        '负责公司SaaS平台开发'
      ],
      workMerit: [
        '入职后将公司的业务代码进行了二次重构',
        '入职后制定了代码规范，提升代码的可维护性可阅读性以及拓展性',
        '深入公司业务，为公司的业务从前端技术层面提供了很多的想法，使得公司产品更易用好用，受到了公司业务部的好评'
      ]
    },
    {
      companyName: '好乐付科技有限公司',
      timeGap: '2018.06 - 2019.06',
      title: '前端开发工程师',
      workContent: ['协作共同开发公司的业务', '单独负责了公司其他政府的一些外包项目'],
      workMerit: [
        '在职期间完美的解决了浏览器兼容问题，在兼容的情况下最大程度的实现了新浏览器的效果',
        '在职期间协同开发，为公司的技术搭建提供了不错的方案',
        '与同事之间互相code review，共同思考如何更好的协作开发，并共同制定了一些开发规则'
      ]
    },
    {
      companyName: '华亿教育科技',
      timeGap: '2017.10 - 2018.04',
      title: '前端开发工程师',
      workContent: ['负责公司业务代码的开发', '不断了解新技术并将之应用至公司业务'],
      workMerit: [
        '使用更好的技术方案，某种程度上推进了公司技术栈迭代',
        '优化了之前同事的代码， 针对首屏加载、图片加载等做了优化方案，把常用的JS函数进行封装，为H5项目增加了响应式，使其能最大程度的在各个不同机型上还原设计稿'
      ]
    },
    {
      companyName: '有野电子商务',
      timeGap: '2016.10 - 2017.07',
      title: '前端开发工程师',
      workContent: ['负责公司业务的开发与维护'],
      workMerit: ['不断了解新技术，快速提升了个人技术视野']
    }
  ]
}

export default zh
